<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
	<ui:param name="tableQueryBean" value="#{commonContentViewBean}" />
<h:form id="form">  
  
    <p:dataTable var="car" value="#{tableQueryBean.queryListResult}" paginator="true" rows="10"  
                selection="#{tableQueryBean.selectedCar}" selectionMode="single">  
  
        <p:ajax event="rowSelect" update=":form:display" oncomplete="carDialog.show()" />  
  
        <f:facet name="header">  
                      欢迎查看论坛的详细信息                        
        </f:facet>  
  
        <p:column sortBy="#{car.typeName}" filterBy="#{car.typeName}">  
            <f:facet name="header">  
                <h:outputText value="分类名称" />  
            </f:facet>  
            <h:outputText value="#{car.typeName}" />  
        </p:column>  
  
        <p:column sortBy="#{car.bodyName}" filterBy="#{car.bodyName}">  
            <f:facet name="header">  
                <h:outputText value="板块名称" />  
            </f:facet>  
            <h:outputText value="#{car.bodyName}" />  
        </p:column>  
  
        <p:column sortBy="#{car.sex}" filterBy="#{car.bodyDesc}">  
            <f:facet name="header">  
                <h:outputText value="板块描述" />  
            </f:facet>  
            <h:outputText value="#{car.bodyDesc}" />  
        </p:column>  
        
        <p:column sortBy="#{car.topicName}" filterBy="#{car.topicName}">  
            <f:facet name="header">  
                <h:outputText value="主题" />  
            </f:facet>  
            <h:outputText value="#{car.topicName}" />  
        </p:column>
        
        <p:column sortBy="#{car.topicContent}" filterBy="#{car.topicContent}">  
            <f:facet name="header">  
                <h:outputText value="主题内容" />  
            </f:facet>  
            <h:outputText value="#{car.topicContent}" />  
        </p:column>
  
    </p:dataTable>  
  
    <p:dialog header="详细信息 " widgetVar="carDialog" resizable="false"  
              width="250" showEffect="explode" hideEffect="explode">  
  
        <h:panelGrid id="display" columns="2" cellpadding="4">   
            <h:outputText value="分类名称:" />  
            <h:outputText value="#{tableQueryBean.selectedCar.typeName}" />  
  
            <h:outputText value="板块名称:" />  
            <h:outputText value="#{tableQueryBean.selectedCar.bodyName}" />  
  
            <h:outputText value="板块描述:" />  
            <h:outputText value="#{tableQueryBean.selectedCar.bodyDesc}" />  
            
            <h:outputText value="主题名称:" />  
            <h:outputText value="#{tableQueryBean.selectedCar.topicName}" /> 
            
            <h:outputText value="主题内容:" />  
            <h:outputText value="#{tableQueryBean.selectedCar.topicContent}" />   

        </h:panelGrid>  
    </p:dialog>  
  
</h:form> 


</ui:composition>